<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="http://cdn.bootcss.com/avalon.js/1.5.5/avalon.js"></script>
    <script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
    <script>
        var vm = avalon.define({
            $id: "msc",
            a: 'ceshi',
            render: function () {
                return '<div>2.{{a}}</div>'
            }
        });

        $(document).ready(function () {
            $('#test').append('<div>3.{{a}}</div>');
            avalon.scan();
        })

    </script>
</head>
<body>
<div id="test" ms-controller="msc">
    <div>1.{{a}}</div>
    {{render()|html}}
</div>
</body>
</html>